<template>
  <div class="daylist-container">
    <div class="list-item">
      <img class="item-logo"  src="//apic.douyucdn.cn/upload/avatar/008/92/48/87_avatar_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>
    <div class="list-item">
      <img class="item-logo"  src="//apic.douyucdn.cn/upload/avanew/face/201805/ncyvba0rghrc46eyispc1vne9gxffs26_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>
    <div class="list-item">
      <img class="item-logo"  src="//apic.douyucdn.cn/upload/avanew/face/201805/34b54075e5416e6518b51acc7fdbbf53_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>
    <div class="list-item">
      <img class="item-logo"  src="https://apic.douyucdn.cn/upload/avatar_v3/201906/7fcd74e4dc2c4fa281bc32ef5432b53a_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>
    <div class="list-item">
      <img class="item-logo"  src="//apic.douyucdn.cn/upload/avatar/008/92/48/87_avatar_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>
    <div class="list-item">
      <img class="item-logo"  src="//apic.douyucdn.cn/upload/avatar/008/92/48/87_avatar_middle.jpg" />
      <span class="name">y是你的谎言</span>
    </div>

  </div>
</template>


<style lang="scss" scoped>
.daylist-container {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 4px;
  overflow: auto;
  .list-item {
    display: flex;
    flex-direction: row;
    height: 80px;
    .item-logo{
        width:70px;
        height:70px;
        margin: 5px;
        border-radius: 50%;
    }
    .name{
        margin-top: 30px;
        padding-left: 20px;
        font-size: 18px;
    }
  }
}
.daylist-container::-webkit-scrollbar{
    width: 8px;
    background: #eceaea;
}
.daylist-container::-webkit-scrollbar-thumb{
    width: 8px;
    border-radius: 5px;
    background: #b6b6b6;
}
</style>
